<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  title="选择拼团活动" class="dialogStyleBase" width="1200px" :visible.sync="boxVisible" append-to-body
    :before-close="editBoxCancel">
    <div class="main">
        <div class="header">
            <el-form :inline="true" label-position="left" label-width="80px" :model="searchForm"
                class="demo-form-inline">
                <el-form-item>
                    <el-input clearable v-model="mixinList_tableSearchData.title" placeholder="查询支持商品名称、编码"
                        @change="mixinList_refreshData" style="width:260px">
                        <el-button slot="append" icon="el-icon-search" @click="mixinList_refreshData()">
                        </el-button>
                    </el-input>
                </el-form-item>
                <el-form-item>
                    <el-select style="width:120px" v-model="mixinList_tableSearchData.status" placeholder="上架状态"
                        @change="mixinList_refreshData">
                        <el-option label="全部状态" value=""></el-option>
                        <el-option label="未开始" value="0"></el-option>
                        <el-option label="开始" value="1"></el-option>
                        <el-option label="已关闭" value="2"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
        </div>
        <div class="center" v-loading="mixinList_loading">

            <div class="ul">
                <div @click="selectItem(item.id)" v-for="(item,index) in mixinList_tableData" :key="item.id"
                    :class="'li' +(isSelected(item.id)?' selected':'') + (isDisabledSelect(item.id)?' disabled':'')">
                    <div class="img">
                        <imageBox class="albumUrl" :src="item.product.albumUrl"></imageBox>
                    </div>
                    <div class="text">
                        <div class="name">
                            <span class="s1"
                                v-if="isDisabledSelect(item.id)">{{isDisabledSelect(item.id)}}</span>{{item.product.name}}
                        </div>
                        <div class="sort">库存：{{item.product.stock}}</div>
                        <div class="price">￥{{item.product.salePrice}}</div>
                        <div class="del" @click="deleteItem()" v-if="showDelete"><i class="el-icon-delete"></i></div>
                    </div>

                </div>
            </div>

            <div class="kong" v-if="mixinList_tableData.length<=0">没有查找到任何内容</div>


        </div>
    </div>

    <div slot="footer" class="footer">
        <div class="ll">
            <el-pagination class="paginationStyle" :disabled="mixinList_pageData.total<=0" background
                @current-change="mixinList_pagingData($event)" :current-page="mixinList_pageData.pageNum"
                :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
                :total.sync="mixinList_pageData.total">
            </el-pagination>
        </div>
        <div class="rr">
            <el-button @click="editBoxCancel()">取 消</el-button>
            <el-button type="primary" @click="submit()">确定</el-button>
        </div>
    </div>
</el-dialog>